<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<title>强制停开机</title>
<link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="../../../template/website/css/app.css"/>

</head>
<body>
  <div id="validator">
  <div class="am-g am-list"> 
    <div class="am-u-sm-12 am-text-center am-padding-vertical-xs" id="summary">
       <h2  id="title">业务介绍</h2>
    </div>
    
    <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
  </div>
 
  <div class=" am-g am-padding-horizontal">  
    <div class="am-u-sm-12 am-input-group ">
      <input  type="number" class="am-form-field" id="phone" placeholder="请输入客户手机号码"  />
      <span class="am-input-group-label"><i class="am-icon-mobile am-icon-xs"></i></span>
    </div>
    
    <div class="am-u-sm-12 am-input-group am-padding-vertical">
       <select class="am-form-field" id="validateType" data-am-selected="{btnWidth: '100%'}">
       <option value="0" >请选择校验类型</option>
       <option value="1" selected>身份证号</option>
       <option value="2" >客户密码</option>
       </select>
    </div>
      
    <div class="am-u-sm-12 am-input-group ">
      <input type="number" class="am-form-field" id="validateCode" placeholder="请输入客户密码或身份证号"  />
      <span class="am-input-group-label"><i class="am-icon-lock am-icon-xs"></i></span>
    </div>
    
    <div class="am-u-sm-12 am-padding-vertical">
      <!--<button type="button"  class="am-btn am-btn-block am-btn-secondary" id="validate">验  证</button>-->
      <button type="button"  class="am-btn am-btn-block am-btn-primary" id="validate">验  证</button>
    </div>
  </div>
  
  </div>

  <div class="am-g am-list am-padding-vertical am-hide" id="request"> 
  
   <!-- 详情 -->
   <div class="am-u-sm-12">
   <ul class="am-list am-list-border am-padding-horizontal" id="ul_details">
              
               <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">客户名称：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text am-padding-vertical-xs am-text-secondary"  id="custName"></div>
                </div>
              </li>
              
                <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">客户号码：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="contact"></div>
                </div>
              </li>
              
               <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">产品名称：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="master_serv_name"></div>
                </div>
              </li>
              
              <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">客户地址：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="cust_addr"></div>
                </div>
              </li>
              
              
              <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">状态代码：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="stateCode"></div>
                </div>
              </li>
              
               <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">可执行操作：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="operateAvailable"></div>
                </div>
              </li>
              
              <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">证件类型：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="idType"></div>
                </div>
              </li>
              
               <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">证件号码：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="id"></div>
                </div>
              </li>
              
                <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">手续费：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="fee">无</div>
                </div>
              </li>
              
               <li class="am-g">
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-hd am-text-truncate">运行状态：</div>
                </div>
                <div class="am-u-sm-6 am-u-md-6">
                    <div class="am-list-item-text  am-padding-vertical-xs am-text-secondary"  id="runState"></div>
                </div>
              </li>
              
    </ul>
    </div>
    
    <!-- 办理业务 -->
     <div class=" am-u-sm-12 am-padding-horizontal am-padding-vertical-xs">
       <select class="am-form-field" id="operateType" data-am-selected="{btnWidth: '100%',btnSize:'sm'}">
       <option value="0" selected>请选择业务办理类型</option>
       <option value="A" >开机</option>
       <option value="L" >停机</option>
       </select>
     </div> 
     
     <div class=" am-u-sm-12  am-padding-vertical-xs am-hide" id="date">
        <div class="am-u-sm-5">
                            强开天数:
        </div>
        <div class="am-u-sm-7 am-text-right">
             <input   type="number" class="am-form-field am-input-sm" id="days" placeholder="" />
       </div>
     </div>
     
     <div class=" am-u-sm-12  am-padding-vertical-xs">
        <div class="am-u-sm-5">
                             操作备注:
        </div>
        <div class="am-u-sm-7 am-text-right">
             <input id="remark" class="am-form-field am-input-sm" />
       </div>
     </div>
     
     <div class=" am-u-sm-12 am-padding-horizontal am-padding-vertical-xs">
       <button type="button"  class="am-btn am-btn-block am-btn-primary am-btn-sm" id="do">确  认</button> 
     </div> 
  
  </div> 
  
  <div class="am-g am-list" id="msg"> 
    <div class=" am-g am-padding-horizontal am-text-center am-hide" id="loadingbar">
       <i class="am-icon-spinner am-icon-spin" aria-hidden="true"></i>&nbsp&nbspdsfdsfdf
    </div>
  </div>
 
  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/suspend.js"></script>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
</body>
</html>